<!DOCTYPE html>
<html lang="cs">
  <head>
    <meta charset="utf-8">
    <title>sCanvas – JavaScriptová knihovna pro vykreslování na HTML5 Canvas</title>
    <!-- Mobile viewport optimized -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/black-tie/jquery-ui.css" rel="stylesheet">
    <link href="css/jquery.tocify.css" rel="stylesheet">
    <link href="css/prettify.css" type="text/css" rel="stylesheet" />
    <link href="css/styles.css" type="text/css" rel="stylesheet" />

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <style>

@media (max-width: 767px) {
    #toc {
        position: relative;
        width: 100%;
        margin: 0px 0px 20px 0px;
    }
}
    </style>
  </head>

  <body>
    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container-fluid">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#">sCanvas</a>

          <div class="nav-collapse">
            <ul class="nav">
              <li><a href="index.html">Úvod</a></li>
              <li><a href="core.html">Jádro</a></li>
              <li class="active"><a href="objects.html">Objekty</a></li>
              <li><a href="animations.html">Animace</a></li>
              <li><a href="events.html">Události</a></li>
              <li><a href="groups.html">Skupiny</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span3 tocify">
          <div id="toc">
          </div><!--/.well -->
        </div><!--/span-->
        
		<div class="span9">
          <div class="hero-unit">
            <h1>sCanvas – Objekty</h1>
          </div>
		
		<h2>Objekty</h2>
		<p>Tyto metody jsou společné všem objektům canvasu.</p>
		<div class="method well">
			<h3>obj.addGroup()</h3>
			<div class="syntax">
				<strong>obj.addGroup(id)</strong>
				<div>
					<span>id – string</span>
					<p>ID skupiny.</p>
				</div>
			</div>
			<p>Přidá objekt do skupiny.</p>
		</div>
			
		<div class="method well">
			<h3>obj.attr()</h3>
			<div class="syntax">
				<strong>obj.attr(atribut)</strong>
				<div>
					<span>atribut – string</span>
					<p>Jméno atributu.</p>
				</div>
			</div>
			<p>Vrací hodnotu specifikovaného atributu.</p>
			<div class="syntax">
				<strong>obj.attr(atribut, hodnota)</strong>
				<div>
					<span>atribut – string</span>
					<p>Jméno atributu.</p>
				</div>
				<div>
					<span>hodnota – mixed</span>
					<p>Hodnota atributu.</p>
				</div>
			</div>
			<div class="syntax">
				<strong>obj.attr(atributy)</strong>
				<div>
					<span>atributy – object</span>
					<p>Atributy jako mapa atribut: hodnota.</p>
				</div>
			</div>
			<p>Změní hodnoty atributu/ů.</p>
		</div>
			
		<div class="method well">
			<h3>obj.box()</h3>
			<div class="syntax">
				<strong>obj.box()</strong>
			</div>
			<p>Vrací objekt popisující umístění objektu na canvasu. Vrací hranice nejkrajnějších bodů objektu a jeho výšku a šířku.</p>
			<p>Obsahuje šest vlastností: <code>top</code>, <code>bottom</code>, <code>left</code>, <code>right</code>, <code>width</code>, <code>height</code>.</p>
<pre class="prettyprint">var box = this.rect({
  x: 40,
  y: 150,
  width: 30,
  height: 30,
  rotation: Math.PI / 4 //otoceni o 45 stupnu
}).box();</pre>
			<p>Proměnná box nyní obsahuje následující hodnoty:</p>
<pre class="prettyprint">{
  top: 129,
  bottom: 171,
  left: 19,
  right: 61,
  width: 42.42640687119285,
  height: 42.42640687119285
}</pre>
		</div>
	  
		<div class="method well">
			<h3>obj.data()</h3>
			<div class="syntax">
				<strong>obj.data(klíč, hodnota)</strong>
				<div>
					<span>klíč – string</span>
					<p>Klíč, pod kterým budou data uložena.</p>
				</div>
				<div>
					<span>hodnota – mixed</span>
					<p>Uložená data.</p>
				</div>
			</div>
			<p>Naváže na objekt pod definovaným klíčem předaná data.</p>
			<div class="syntax">
				<strong>obj.data(klíč)</strong>
				<div>
					<span>klíč – string</span>
					<p>Klíč, pod kterým byla data uložena.</p>
				</div>
			</div>
			<p>Vrací data uložená pod daným klíčem. Pokud předaný klíč neexistuje, vrací <code>undefined</code>.</p>
			<div class="syntax">
				<strong>obj.data()</strong>
			</div>
			<p>Vrací objekt obsahující všechna data navázaná na objekt. Pokud taková data neexistují, vrátí prazdný objekt.</p>
		</div>
			
		<div class="method well">
			<h3>obj.hasData()</h3>
			<div class="syntax">
				<strong>obj.hasData(klíč)</strong>
				<div>
					<span>klíč – string</span>
					<p>Klíč, pod kterým byla data uložena.</p>
				</div>
			</div>
			<p>Vrací <code>true</code>, pokud jsou na objektu navázaná data s daným klíčem.</p>
			<div class="syntax">
				<strong>obj.hasData()</strong>
			</div>
			<p>Vrací <code>true</code>, pokud jsou na objektu navázaná jakákoli data.</p>
		</div>
			
		<div class="method well">
			<h3>obj.hide()</h3>
			<div class="syntax">
				<strong>obj.hide()</strong>
			</div>
			<p>Skryje objekt z canvasu.</p>
			<p>Zkratka za <code>obj.attr("visible", false)</code>.</p>
		</div>
			
		<div class="method well">
			<h3>obj.inGroup()</h3>
			<div class="syntax">
				<strong>obj.inGroup(id)</strong>
				<div>
					<span>id – string</span>
					<p>ID skupiny.</p>
				</div>
			</div>
			<p>Vrací <code>true</code>, pokud je objekt ve skupině.</p>
		</div>
			
		<div class="method well">
			<h3>obj.isNull()</h3>
			<div class="syntax">
				<strong>obj.isNull()</strong>
			</div>
			<p>Vrací <code>true</code>, pokud <code>obj</code> je null-objekt.</p>
		</div>
			
		<div class="method well">
			<h3>obj.isPointIn()</h3>
			<div class="syntax">
				<strong>obj.isPointIn(x, y)</strong>
				<div>
					<span>x – number</span>
					<p>X-ová souřadnice bodu.</p>
				</div>
				<div>
					<span>y – number</span>
					<p>Y-ová souřadnice bodu.</p>
				</div>
			</div>
			<p>Vrací <code>true</code>, pokud je bod s danými souřadnicemi uvnitř objektu.</p>
		</div>
			
		<div class="method well">
			<h3>obj.isVisible()</h3>
			<div class="syntax">
				<strong>obj.isVisible()</strong>
			</div>
			<p>Vrací <code>true</code>, pokud je <code>obj</code> viditelný na canvasu.</p>
		</div>
			
		<div class="method well">
			<h3>obj.over()</h3>
			<div class="syntax">
				<strong>obj.over([ objekt ])</strong>
				<div>
					<span>objekt – objekt</span>
					<p>Objekt, který má být umístěn nad <code>obj</code>.</p>
				</div>
			</div>
			<p>Je-li předán objekt, je tento umístěn nad objekt, na kterém byla metoda volána.</p>
			<p>Bez parametrů metoda vrací objekt, který je nad objektem, na kterém byla metoda volána.</p>
		</div>
			
		<div class="method well">
			<h3>obj.remove()</h3>
			<div class="syntax">
				<strong>obj.remove()</strong>
			</div>
			<p>Vymaže objekt z canvasu.</p>
		</div>
			
		<div class="method well">
			<h3>obj.removeData()</h3>
			<div class="syntax">
				<strong>obj.removeData(klíč)</strong>
				<div>
					<span>klíč – string</span>
					<p>Klíč, pod kterým byla data uložena.</p>
				</div>
			</div>
			<p>Smaže data uložená pod daným klíčem.</p>
			<div class="syntax">
				<strong>obj.removeData()</strong>
			</div>
			<p>Smaže všechna data navázaná na objekt.</p>
		</div>
			
		<div class="method well">
			<h3>obj.removeGroup()</h3>
			<div class="syntax">
				<strong>obj.removeGroup(id)</strong>
				<div>
					<span>id – string</span>
					<p>ID skupiny.</p>
				</div>
			</div>
			<p>Odstraní objekt ze skupiny.</p>
		</div>
			
		<div class="method well">
			<h3>obj.show()</h3>
			<div class="syntax">
				<strong>obj.show()</strong>
			</div>
			<p>Zobrazí objekt na canvasu.</p>
			<p>Zkratka za <code>obj.attr("visible", true)</code>.</p>
		</div>
			
		<div class="method well">
			<h3>obj.under()</h3>
			<div class="syntax">
				<strong>obj.under([ objekt ])</strong>
				<div>
					<span>objekt – objekt</span>
					<p>Objekt, který má být umístěn pod <code>obj</code>.</p>
				</div>
			</div>
			<p>Je-li předán objekt, je tento umístěn pod objekt, na kterém byla metoda volána.</p>
			<p>Bez parametrů metoda vrací objekt, který je pod objektem, na kterém byla metoda volána.</p>
		</div>
		
          <h3>Společné atributy</h3>
          <table class="table table-striped table-bordered table-condensed">
              <tr>
                  <th>Název</th>
                  <th>Typ</th>
                  <th>Defaultní hodnota</th>
				  <th>Animovatelný</th>
                  <th>Popis</th>
              </tr>
              <tr>
                  <td>x</td>
                  <td>number</td>
                  <td>0</td>
				  <td>ano</td>
				  <td>X-ová souřadnice řídicího bodu objektu.</td>
              </tr>
              <tr>
                  <td>y</td>
                  <td>number</td>
                  <td>0</td>
				  <td>ano</td>
				  <td>Y-ová souřadnice řídicího bodu objektu.</td>
              </tr>
              <tr>
                  <td>rotation</td>
                  <td>number</td>
                  <td>0</td>
				  <td>ano</td>
				  <td>Úhel ve stupních, o který je objekt otočen kolem svého řídicího bodu.</td>
              </tr>
              <tr>
                  <td>id</td>
                  <td>string</td>
                  <td>null</td>
				  <td>ne</td>
				  <td>ID objektu.</td>
              </tr>
              <tr>
                  <td>group</td>
                  <td>string, CanvasGroup</td>
                  <td>null</td>
				  <td>ne</td>
				  <td>Zařazuje objekt do skupiny.<br />Tento atribut by měl být užíván pouze jako setter a v kombinaci s metodami <code>addGroup()</code>, <code>removeGroup()</code> a <code>inGroup()</code>.</td>
              </tr>
              <tr>
                  <td>visible</td>
                  <td>boolean</td>
                  <td>true</td>
				  <td>ne</td>
				  <td>Určuje, zda je objekt na canvas vykreslen.</td>
              </tr>
              <tr>
                  <td>stroke</td>
                  <td>string</td>
                  <td>null</td>
				  <td>ne</td>
				  <td>Styl obrysové čáry.</td>
              </tr>
              <tr>
                  <td>fill</td>
                  <td>string</td>
                  <td>"black"</td>
				  <td>ne</td>
				  <td>Styl výplně.</td>
              </tr>
              <tr>
                  <td>originX</td>
                  <td>number</td>
                  <td>0</td>
				  <td>ne</td>
				  <td>X-ový posun řídicího bodu od středu objektu. Záporné číslo určuje posun doleva.</td>
              </tr>
              <tr>
                  <td>originY</td>
                  <td>number</td>
                  <td>0</td>
				  <td>ne</td>
				  <td>Y-ový posun řídicího bodu od středu objektu. Záporné číslo určuje posun nahoru.</td>
              </tr>
              <tr>
                  <td>lineWidth</td>
                  <td>number</td>
                  <td>1</td>
				  <td>ano</td>
				  <td>Tloušťka obrysové čáry.</td>
              </tr>
              <tr>
                  <td>lineCap</td>
                  <td>string</td>
                  <td>"butt"</td>
				  <td>ne</td>
				  <td>Styl zakončení obrysové čáry.<br />Možné hodnoty odpovídají specifikaci Canvas 2D Context.</td>
              </tr>
              <tr>
                  <td>lineJoin</td>
                  <td>string</td>
                  <td>"miter"</td>
				  <td>ne</td>
				  <td>Styl spoje obrysové čáry.<br />Možné hodnoty odpovídají specifikaci Canvas 2D Context.</td>
              </tr>
              <tr>
                  <td>miterLimit</td>
                  <td>number</td>
                  <td>10</td>
				  <td>ne</td>
				  <td>Odpovídá specifikaci Canvas 2D Context.</td>
              </tr>
              <tr>
                  <td>opacity</td>
                  <td>number</td>
                  <td>1</td>
				  <td>ano</td>
				  <td>Průhlednost objektu.</td>
              </tr>
              <tr>
                  <td>shadowColor</td>
                  <td>string</td>
                  <td>"rgba(0, 0, 0, 0)"</td>
				  <td>ne</td>
				  <td>Barva stínu.</td>
              </tr>
              <tr>
                  <td>shadowBlur</td>
                  <td>number</td>
                  <td>0</td>
				  <td>ano</td>
				  <td>Rozpití stínu.</td>
              </tr>
              <tr>
                  <td>shadowX</td>
                  <td>number</td>
                  <td>0</td>
				  <td>ano</td>
				  <td>Posun stínu na ose x.</td>
              </tr>
              <tr>
                  <td>shadowY</td>
                  <td>number</td>
                  <td>0</td>
				  <td>ano</td>
				  <td>Posun stínu na ose y.</td>
              </tr>
          </table>
		  
		<h2>Obdélník</h2>
		<div class="method well">
			<h3>this.rect()</h3>
			<div class="syntax">
				<strong>this.rect(x, y, šířka, výška)</strong>
				<div>
					<span>x – number</span>
					<p>X-ová souřadnice levého horního roku.</p>
				</div>
				<div>
					<span>y – number</span>
					<p>Y-ová souřadnice levého horního roku.</p>
				</div>
				<div>
					<span>šířka – number</span>
					<p>Šířka obdélníku.</p>
				</div>
				<div>
					<span>výška – number</span>
					<p>Výška obdélníku.</p>
				</div>
			</div>
			<div class="syntax">
				<strong>this.rect(atributy)</strong>
				<div>
					<span>atributy – object</span>
					<p>Objekt s atributy obdélníku.</p>
				</div>
			</div>
			<p>Vykreslí na canvas obdélník.</p>
		</div>
		
          <h3>Atributy obdélníku</h3>
          <table class="table table-striped table-bordered table-condensed">
              <tr>
                  <th>Název</th>
                  <th>Typ</th>
                  <th>Defaultní hodnota</th>
				  <th>Animovatelný</th>
                  <th>Popis</th>
              </tr>
              <tr>
                  <td>width</td>
                  <td>number</td>
                  <td>0</td>
				  <td>ano</td>
				  <td>Šířka obdélníku.</td>
              </tr>
              <tr>
                  <td>height</td>
                  <td>number</td>
                  <td>0</td>
				  <td>ano</td>
				  <td>Výška obdélníku.</td>
              </tr>
          </table>
		  
		<h2>Kruh</h2>
		<div class="method well">
			<h3>this.circ()</h3>
			<div class="syntax">
				<strong>this.rect(x, y, poloměr)</strong>
				<div>
					<span>x – number</span>
					<p>X-ová souřadnice středu.</p>
				</div>
				<div>
					<span>y – number</span>
					<p>Y-ová souřadnice středu.</p>
				</div>
				<div>
					<span>poloměr – number</span>
					<p>Poloměr kruhu.</p>
				</div>
			</div>
			<div class="syntax">
				<strong>this.rect(atributy)</strong>
				<div>
					<span>atributy – object</span>
					<p>Objekt s atributy kruhu.</p>
				</div>
			</div>
			<p>Vykreslí na canvas kruh.</p>
		</div>
		
          <h3>Atributy kruhu</h3>
          <table class="table table-striped table-bordered table-condensed">
              <tr>
                  <th>Název</th>
                  <th>Typ</th>
                  <th>Defaultní hodnota</th>
				  <th>Animovatelný</th>
                  <th>Popis</th>
              </tr>
              <tr>
                  <td>radius</td>
                  <td>number</td>
                  <td>0</td>
				  <td>ano</td>
				  <td>Poloměr kruhu.</td>
              </tr>
          </table>
		  
		<h2>Křivka</h2>
		<div class="method well">
			<h3>this.line()</h3>
			<div class="syntax">
				<strong>this.line(x, y)</strong>
				<div>
					<span>x – number</span>
					<p>X-ová souřadnice počátku křivky.</p>
				</div>
				<div>
					<span>y – number</span>
					<p>Y-ová souřadnice počátku křivky.</p>
				</div>
			</div>
			<div class="syntax">
				<strong>this.rect(atributy)</strong>
				<div>
					<span>atributy – object</span>
					<p>Objekt s atributy křivky.</p>
				</div>
			</div>
			<p>Vytvoří počátek křivky.</p>
			<p>Pro vytvoření křivky je třeba dále použít metod <code>addLine</code>, <code>addQuadratic</code>, <code>addCubic</code>.
		</div>
		
		<div class="method well">
			<h3>line.addLine()</h3>
			<div class="syntax">
				<strong>line.addLine(x, y)</strong>
				<div>
					<span>x – number</span>
					<p>X-ová souřadnice koncového bodu.</p>
				</div>
				<div>
					<span>y – number</span>
					<p>Y-ová souřadnice koncového bodu.</p>
				</div>
			</div>
			<p>Přidá na křivku segment odpovídající úsečce z posledního bodu křivky do bodu určeného souřadnicemi.</p>
		</div>
		
		<div class="method well">
			<h3>line.addQuadratic()</h3>
			<div class="syntax">
				<strong>line.addQuadratic(x, y, cpx, cpy)</strong>
				<div>
					<span>x – number</span>
					<p>X-ová souřadnice koncového bodu.</p>
				</div>
				<div>
					<span>y – number</span>
					<p>Y-ová souřadnice koncového bodu.</p>
				</div>
				<div>
					<span>cpx – number</span>
					<p>X-ová souřadnice řidicího bodu.</p>
				</div>
				<div>
					<span>cpy – number</span>
					<p>Y-ová souřadnice řidicího bodu.</p>
				</div>
			</div>
			<p>Přidá na křivku segment odpovídající kvadratické Bézierově křivce z posledního bodu křivky do koncového bodu s daným řídicím bodem.</p>
		</div>
		
		<div class="method well">
			<h3>line.addCubic()</h3>
			<div class="syntax">
				<strong>line.addCubic(x, y, cp1x, cp1y, cp2x, cp2y)</strong>
				<div>
					<span>x – number</span>
					<p>X-ová souřadnice koncového bodu.</p>
				</div>
				<div>
					<span>y – number</span>
					<p>Y-ová souřadnice koncového bodu.</p>
				</div>
				<div>
					<span>cp1x – number</span>
					<p>X-ová souřadnice řidicího bodu.</p>
				</div>
				<div>
					<span>cp1y – number</span>
					<p>Y-ová souřadnice řidicího bodu.</p>
				</div>
				<div>
					<span>cp2x – number</span>
					<p>X-ová souřadnice řidicího bodu.</p>
				</div>
				<div>
					<span>cp2y – number</span>
					<p>Y-ová souřadnice řidicího bodu.</p>
				</div>
			</div>
			<p>Přidá na křivku segment odpovídající kubické Bézierově křivce z posledního bodu křivky do koncového bodu s danými řídicími body.</p>
		</div>
		
		<h2>Text</h2>
		<div class="method well">
			<h3>this.text()</h3>
			<div class="syntax">
				<strong>this.rect(text, x, y)</strong>
				<div>
					<span>text – string</span>
					<p>Text k vykreslení.</p>
				</div>
				<div>
					<span>x – number</span>
					<p>X-ová souřadnice středu.</p>
				</div>
				<div>
					<span>y – number</span>
					<p>Y-ová souřadnice středu.</p>
				</div>
			</div>
			<div class="syntax">
				<strong>this.rect(text, atributy)</strong>
				<div>
					<span>text – string</span>
					<p>Text k vykreslení.</p>
				</div>
				<div>
					<span>atributy – object</span>
					<p>Objekt s atributy textu.</p>
				</div>
			</div>
			<p>Vykreslí na canvas text.</p>
		</div>
		
		<div class="method well">
			<h3>text.val()</h3>
			<div class="syntax">
				<strong>text.val([ text ])</strong>
				<div>
					<span>text – string</span>
					<p>Definuje text.</p>
				</div>
			</div>
			<p>Je-li metodě předán argument, je změněn text objektu.</p>
			<p>Bez argumentu metoda vrací aktuální text objektu.</p>
		</div>
		
		<div class="method well">
			<h3>text.metrics()</h3>
			<div class="syntax">
				<strong>text.metrics()</strong>
			</div>
			<p>Vrací objekt obsahující údaje o metrice textového objektu.</p>
			<p>Obsahuje šest vlastností: <code>width</code>, <code>height</code>, <code>top</code>, <code>middle</code>, <code>alphabetic</code>, <code>bottom</code>.</p>
			<p>Poslední čtyři určují vertikální vzdálenost daných charakteristik od vrcholu textu (<code>top</code> je vždy rovno nule).</p>
		</div>
		
          <h3>Atributy textu</h3>
          <table class="table table-striped table-bordered table-condensed">
              <tr>
                  <th>Název</th>
                  <th>Typ</th>
                  <th>Defaultní hodnota</th>
				  <th>Animovatelný</th>
                  <th>Popis</th>
              </tr>
              <tr>
                  <td>fontSize</td>
                  <td>number</td>
                  <td>10</td>
				  <td>ano</td>
				  <td>Velikost fontu.</td>
              </tr>
              <tr>
                  <td>fontFamily</td>
                  <td>string</td>
                  <td>"sans-serif"</td>
				  <td>ne</td>
				  <td>Font.</td>
              </tr>
              <tr>
                  <td>fontWeight</td>
                  <td>string</td>
                  <td>400</td>
				  <td>ne</td>
				  <td>Tučnost fontu. Hodnoty odpovídají CSS vlastnosti font-weight.</td>
              </tr>
              <tr>
                  <td>fontStyle</td>
                  <td>string</td>
                  <td>normal</td>
				  <td>ne</td>
				  <td>Styl fontu. Hodnoty odpovídají CSS vlastnosti font-style.</td>
              </tr>
              <tr>
                  <td>align</td>
                  <td>string</td>
                  <td>"left"</td>
				  <td>ne</td>
				  <td>Horizontální zarovnání. Povolené hodnoty: "left", "center", "right".</td>
              </tr>
              <tr>
                  <td>baseline</td>
                  <td>string</td>
                  <td>"alphabetic"</td>
				  <td>ne</td>
				  <td>Vertikální zarovnání. Povolené hodnoty: "top", "middle", "alphabetic", "bottom".</td>
              </tr>
              <tr>
                  <td>direction</td>
                  <td>string</td>
                  <td>0</td>
				  <td>"inherit"</td>
				  <td>Směr textu. Povolené hodnoty: "ltr", "rtl", "inherit".</td>
              </tr>
          </table>
		  
		<h2>Obrázek</h2>
		<div class="method well">
			<h3>this.image()</h3>
			<div class="syntax">
				<strong>this.image(zdroj, x, y)</strong>
				<div>
					<span>zdroj – string, HTMLImage</span>
					<p>Zdroj obrázku.</p>
				</div>
				<div>
					<span>x – number</span>
					<p>X-ová souřadnice levého horního roku.</p>
				</div>
				<div>
					<span>y – number</span>
					<p>Y-ová souřadnice levého horního roku.</p>
				</div>
			</div>
			<div class="syntax">
				<strong>this.image(zdroj, atributy)</strong>
				<div>
					<span>zdroj – string, HTMLImage</span>
					<p>Zdroj obrázku - URL adresa nebo element <code>&lt;img&gt;</code>.</p>
				</div>
				<div>
					<span>atributy – object</span>
					<p>Objekt s atributy obrázku.</p>
				</div>
			</div>
			<p>Vykreslí na canvas obrázek získaný z URL adresy nebo elementu <code>&lt;img&gt;</code>.</p>
		</div>
		
          <h3>Atributy obrázku</h3>
          <table class="table table-striped table-bordered table-condensed">
              <tr>
                  <th>Název</th>
                  <th>Typ</th>
                  <th>Defaultní hodnota</th>
				  <th>Animovatelný</th>
                  <th>Popis</th>
              </tr>
              <tr>
                  <td>width</td>
                  <td>number</td>
                  <td>0</td>
				  <td>ano</td>
				  <td>Šířka obrázku.</td>
              </tr>
              <tr>
                  <td>height</td>
                  <td>number</td>
                  <td>0</td>
				  <td>ano</td>
				  <td>Výška obrázku.</td>
              </tr>
          </table>
		  
      </div><!--/row-->
			
      <div class="navbar" style="margin:0 auto;width:45%;">
        <p>
            Copyright &copy; 2013 Daniel Bielczyk
        </p>
      </div>
    </div><!--/.fluid-container-->
  </div>
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery-ui.custom.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/history.js"></script>
    <script src="js/jquery.tocify.min.js"></script>
    <script src="js/prettify.js"></script>
    <script src="js/githubrepo.js"></script>
    <script>
        $(function() {

            $("#toc").tocify({ selectors: "h2, h3, h4", scrollTo: 60, highlightOffset: 60, extendPage: true });

            prettyPrint();

            $(".optionName").popover({ trigger: "hover" });

            $("a[href='#']").click(function(event) {
 
                event.preventDefault();

            });

        });
    </script>
  </body>
</html>